<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
    <aside class="left-sidebar" th:fragment="left-sidebar">
        <!-- Sidebar scroll-->
        <div class="scroll-sidebar">
            <!-- Sidebar navigation-->
            <nav class="sidebar-nav">
                <ul id="sidebarnav">
                    <li class="active">
                        <a class="has-arrow waves-effect waves-dark" href="javascript:;" aria-expanded="true"><i class="mdi mdi-pencil"></i><span class="hide-menu" style="font-size: 15px!important;">内容管理 </span></a>
                        <ul aria-expanded="true" class="collapse in">
                            <li><a th:href="@{/content}">内容管理</a></li>
                            <li><a th:href="@{/topic}">专题管理</a></li>
                            <li><a th:href="@{/category}">栏目管理</a></li>
                        </ul>
                    </li>
                    <li>
                        <a class="has-arrow waves-effect waves-dark" href="javascript:;" aria-expanded="false"><i class="mdi mdi-content-duplicate"></i><span class="hide-menu"  style="font-size: 15px!important;">广告管理 </span></a>
                        <ul aria-expanded="false" class="collapse">
                            <li><a th:href="@{/ad}">广告</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- End Sidebar navigation -->
        </div>
        <!-- End Sidebar scroll-->
        <!-- Bottom points-->
        <div class="sidebar-footer">
            <!-- item-->
            <a  th:href="@{/settings}" class="link" data-toggle="tooltip" title="设置"><i class="ti-settings"></i></a>
            <!-- item-->
            <a  th:href="@{/lock}" class="link" data-toggle="tooltip" title="锁屏"><i class="mdi mdi-lock"></i></a>
            <!-- item-->
            <a  th:href="@{/logout}" class="link" data-toggle="tooltip" title="退出"><i class="mdi mdi-power"></i></a>
        </div>
        <!-- End Bottom points-->
    </aside>

    <div class="right-sidebar" th:fragment="right-sidebar">
        <div class="slimscrollright">
            <div class="rpanel-title"> 风格设置 <span><i class="ti-close right-side-toggle"></i></span> </div>
            <div class="r-panel-body">
                <ul id="themecolors" class="m-t-20">
                    <li><b>亮色系</b></li>
                    <li><a href="javascript:void(0)" data-theme="default" class="default-theme">1</a></li>
                    <li><a href="javascript:void(0)" data-theme="green" class="green-theme">2</a></li>
                    <li><a href="javascript:void(0)" data-theme="red" class="red-theme">3</a></li>
                    <li><a href="javascript:void(0)" data-theme="blue" class="blue-theme working">4</a></li>
                    <li><a href="javascript:void(0)" data-theme="purple" class="purple-theme">5</a></li>
                    <li><a href="javascript:void(0)" data-theme="megna" class="megna-theme">6</a></li>
                    <li class="d-block m-t-30"><b>暗色系</b></li>
                    <li><a href="javascript:void(0)" data-theme="default-dark" class="default-dark-theme">7</a></li>
                    <li><a href="javascript:void(0)" data-theme="green-dark" class="green-dark-theme">8</a></li>
                    <li><a href="javascript:void(0)" data-theme="red-dark" class="red-dark-theme">9</a></li>
                    <li><a href="javascript:void(0)" data-theme="blue-dark" class="blue-dark-theme">10</a></li>
                    <li><a href="javascript:void(0)" data-theme="purple-dark" class="purple-dark-theme">11</a></li>
                    <li><a href="javascript:void(0)" data-theme="megna-dark" class="megna-dark-theme ">12</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>